


// Confirm Widget //
function confirmWidget($text, funcToExecute) {
			$parent = $('.widget-container');
			$confirm = "<div class ='confirm-container'>\
						<label>"+ $text +"</label>\
						<a>No</a> <a>Yes</a>\
						</div>";
			
			$overlay = "<div class='overlay'></div>";
			$parent.append($overlay);
			$parent.append($confirm);
			
			$parent.find('.overlay').show();
			$parent.find('.confirm-container').show();
			
			$parent.find('.confirm-container').find('a:nth-child(3)').click(function() {
			 funcToExecute();
			 $parent.find('.overlay').remove();
			 $parent.find('.confirm-container').remove();
			});
			
			$parent.find('.confirm-container').find('a:nth-child(2)').click(function() {
			 $parent.find('.overlay').remove();
			 $parent.find('.confirm-container').remove();
			});
}

// Confirm Widget //


// Custom Widget //

function showCustomWidget($content,$width, $height, $padding, $color, closeFunc) {
	$parent = $('.widget-container');
	$parent.empty(); //Clear the previous content
		$customWidget = "<div class ='custom-widget'>\
		<div class='close'> </div>";
		$overlay = "<div class='overlay'></div>";
		$parent.append($overlay);
		$parent.append($customWidget);
		$parent.find('.close').after($content);
		
		$parent.find('.custom-widget').css({
			width: $width,
			height: $height,
			background: $color,
			padding: $padding
		
		});
		
		$parent.find('.overlay').css({
			background: $color
		});

	$parent.find('.overlay').show();
	$parent.find('.close').show();
	
	
	//$parent.find('.custom-widget').slideDown();
	$parent.find('.custom-widget').show();
	$content.show();
	
	$parent.find('.close').click( function() {
		closeFunc();
		$parent.find('.overlay').remove();
		$parent.find('.close').remove();
		/*$parent.find('.custom-widget').slideUp(500, 0, function() {
			$(this).remove();
			
		});*/
		$parent.find('.custom-widget').hide();
	
	});

}

// Custom Widget //


